@charset "utf-8";
.cartApp .gCart {
  border: none;
  min-height: 300px;
}
.gCart {
  margin: 19px auto 29px;
  width: 1240px;
}
.cart_list {
  margin: 0 auto;
  width: 1020px;
}
.addItem {
  display: none;
  font-family: PingFangSC-Regular, PingFang SC;
  margin: 0 auto;
  width: 1020px;
}
.mod-up-dialog-bd {
  background: #ffffff;
  box-shadow: 0 1px 8px -2px #999999;
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  z-index: 102;
}
table,
td,
th {
  border-collapse: collapse;
}
.tables {
  color: #333333;
  font-size: 14px;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  text-align: center;
  width: 1020px;
}
thead {
  background: white;
  border: none;
  font-weight: 700;
}
thead tr {
  height: 50px;
}
thead tr:last-of-type {
  background: #f2f2f2;
  border-top: 2px solid #F2F2F2;
  border-bottom: 1px solid #F2F2F2;
  text-align: left;
  text-indent: 20px;
}
.common-label {
  color: #333;
  font-weight: 700;
}
.ck-all {
  margin-left: 6px;
}
.ck-all .common-checkbox {
  position: relative;
  top: -1px;
  cursor: pointer;
  display: inline-block;
  height: 13px;
  vertical-align: middle;
  width: 13px;
}
.ck-all .common-checkbox .checked {
  background-image: url('../../images/checked.png');
}
.common-checkbox {
  background-image: url('../../images/check.png');
  background-size: 100%;
}
.ck-wrap {
  text-indent: 4px;
}
.fl {
  float: left;
}
.tbodys {
  background: white;
}
.tbodys tr:first-of-type td {
  border-top: none ;
}
.check_goods {
  line-height: 104px;
  position: relative;
  text-align: center;
  width: 60px;
}
.common-checkbox {
  background-image: url('../../images/check.png');
  background-size: 100%;
}
.common-checkbox.checked {
  background-image: url('../../images/checked.png');
}
.itemList td {
  border-top: 1px solid #ddd;
}
.cart-head-tit {
  float: left;
}
.youhui {
  background: url(https://p2.ssl.qhimg.com/t01a4c2182bcdd8ea59.png) no-repeat;
  color: #f33;
  cursor: pointer;
  float: left;
  font-size: 12px;
  height: 21px;
  line-height: 21px;
  margin-left: 10px;
  position: relative;
  text-align: center;
  text-indent: 0;
  width: 55px;
}
.youhuiquan {
  background: #fff;
  box-shadow: 0 1px 8px -2px #999999;
  display: none;
  margin-top: 6px;
  position: absolute;
  width: 340px;
  z-index: 100;
}
.goods_info {
  text-align: left;
  width: 350px;
}
.goods_info figcaption {
  margin-left: 10px;
}
.goods-info {
  display: flex;
}
.goods-info figcaption {
  width: 200px;
}
.goods-info img {
  border: 1px solid #ddd;
  border-radius: 5px;
  height: 68px;
  width: 68px;
}
.goods_num {
  height: 100px;
  position: relative;
  text-align: center;
  width: 100px;
}
.goods b {
  color: #F33;
  font-size: 14px;
  font-weight: 400;
}
.mod-modifier {
  border: 1px solid #dddddd;
  height: 24px;
  width: 96px;
}
.mod-modifier a {
  font-size: 18px;
  line-height: 20px;
  width: 20px;
}
.modifier-value {
  display: inline-block;
  height: 18px;
  text-align: center;
  border: none;
  outline: none;
  vertical-align: top;
  width: 35px;
}
.total {
  color: #f33;
}
.item_total {
  position: relative;
}
.statistics .description p strong,
.statistics .description p .unit {
  color: #f33;
  font-size: 14px;
  font-weight: 700;
}
.statistics .description p strong {
  font-size: 24px;
}
.statistics strong {
  color: #f45640;
}
figure {
  margin: 0;
}
.tc {
  text-align: center;
}
.js_del {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  text-align: center;
  width: 50px;
}
.js_del:hover {
  background: linear-gradient(180deg, #ff3333 0, #ff6633 100%);
  border-radius: 12px;
  color: #FFF;
  cursor: pointer;
}
.common-checkbox {
  cursor: pointer;
  display: inline-block;
  height: 13px;
  vertical-align: middle;
  width: 13px;
}
.stat {
  bottom: 0;
  position: sticky;
}
.statistics {
  background: white;
  border: 1px solid #eaebec;
  font-size: 14px;
  height: 70px;
  line-height: 70px;
  margin-top: 15px;
  position: relative;
  text-indent: 10px;
  width: 1020px;
}
.statistics .description {
  position: absolute;
  right: 260px;
  text-align: right;
  top: 15px;
}
.statistics .description p {
  font-size: 12px;
  line-height: 20px;
}
.statistics .description p.main {
  font-size: 16px;
}
.cart-sale {
  color: #999;
}
.delCheck {
  cursor: pointer;
  margin-left: 20px;
}
.cart-btn {
  background: linear-gradient(180deg, #ff3333 0, #ff6633 100%);
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  position: absolute;
  right: 40px;
  text-align: center;
  text-indent: 0;
  top: 10px;
  width: 160px;
}
